<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">

	<title>Page Title | Yoursite.com</title>

	<meta name="keywords" content="keyword phrase 1, keyword phrase 2" />
	<meta name="description" content="inHarmony is a perfect corporate html template." />
	
	<link rel="Shortcut Icon" type="image/ico" href="imgs/favicon.ico" />
	
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	
	<!-- CSS ----------------------------------------------------------->
	<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800" rel="stylesheet" type="text/css">
	<link rel="stylesheet" href="css/magnificpopup.css" >
	<link rel="stylesheet" href="css/font-awesome.min.css">
	
	<link href="css/master.css" rel="stylesheet">
	<link href="css/colors-classic.css" rel="stylesheet">   <!-- The color scheme -->
	
	<!-- Javascripts ----------------------------------------------------------->
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
		<!-- include image popups -->
		<script src="js/jquery.magnific-popup.min.js"></script> 
		<!-- include mobile menu -->
		<script src="js/jquery.mobilemenu.js"></script> 
		<!-- include custom script -->
		<script src="js/scripts.js"></script>
	
	<!-- Fixing Internet Explorer ______________________________________-->
	<!--[if IE]>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
		<link rel="stylesheet" href="css/ie.css" />
	<![endif]-->

	<!--[if IE 7]>
		<link rel="stylesheet" href="css/ie7.css" />
		<link rel="stylesheet" href="css/font-awesome-ie7.min.css">
	<![endif]-->
</head> 

<body class="page full">

<div id="wrapperbox">

	<!-- HEADER ----------------------------------------------------------->
	<header role="banner">
		<div class="wrapper">
			<!-- Logo ______________________________________-->
			<div id="logo">
				<h1>
					<a href="/" rel="home"><img src="imgs/logo.gif" alt="inHarmony Logo" /></a>
					<a href="/" rel="home">inHarmony<span class="blue">.</span></a> <br />
					<span class="subtitle">Just another HTML template</span>
				</h1>
			</div>
			
			<!-- Address Microdata ______________________________________-->
			<div id="address-block" itemscope itemtype="http://schema.org/Organization"> 
			   <span itemprop="name" class="hidden">inHarmony Organization</span> 
			   <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
					
				  <span itemprop="streetAddress">2939 4th Ave W</span>,
				  <span itemprop="addressLocality">Vancouver</span>,
				  <span itemprop="postalCode">BC V6K 1R3</span>
			   </div>
			   <span itemprop="telephone"><i class="icon-mobile-phone"></i> <strong>123-456-9999</strong></span> 
			   <a href="mailto:info@yourcompany.com" itemprop="email"><i class="icon-envelope"></i> info@the-company.com</a>
			</div>	
			
			<!-- Social icons ______________________________________-->
			<div id="social-block">
				<ul>
					<li><a href="#" target="_blank" title="Twitter"><i class="icon-twitter"></i></a></li>
					<li><a href="#" target="_blank" title="Facebook"><i class="icon-facebook"></i></a></li>
					<li><a href="#" target="_blank" title="Linkedin"><i class="icon-linkedin"></i></a></li>
					<li><a href="#" target="_blank" title="Pinterest"><i class="icon-pinterest"></i></a></li>
					<li><a href="#" target="_blank" title="Google Plus"><i class="icon-google-plus"></i></a></li>
					<!-- 	<li><a href="#" target="_blank" title="Youtube"><i class="icon-youtube"></i></a></li>
					<li><a href="#" target="_blank" title="Dribbble"><i class="icon-dribbble"></i></a></li>
					<li><a href="#" target="_blank" title="Flickr"><i class="icon-flickr"></i></a></li>
					<li><a href="#" target="_blank" title="Tumblr"><i class="icon-tumblr"></i></a></li>
					<li><a href="#" target="_blank" title="Skype"><i class="icon-skype"></i></a></li> -->
				</ul>
			</div>
		</div>  <!-- END .wrapper -->
		
		<!-- Main menu ______________________________________-->
		<nav id="mainmenu" role="navigation">
			<ul>
				<li><a href="index.html">Home</a></li>
				<li><a href="#">Styles</a>
					<ul class="sub-menu" id="change-style">
						<li><a href="#" id="classic">Classic</a></li>
						<li><a href="#" id="eco-earth">Eco Earth</a></li>
						<li><a href="#" id="silver-grey">Silver Grey</a></li>
						<li><a href="#" id="passion-red">Passion Red</a></li>
						<li><a href="#" id="golden">Golden</a></li>
						<li><a href="#" id="deep-blue">Deep Blue</a></li>	
					</ul>
				</li>
				<li><a href="elements.html" class="active">Pages</a>
					<ul class="sub-menu">
						<li><a href="about-us.html">About Us</a></li>
						<li><a href="elements.html">Elements</a></li>
						<li><a href="team.html" class="active">Team</a></li>
						<li><a href="pricing.html">Pricing</a></li>
						<li><a href="testimonials.html">Testimonials</a></li>
						<li><a href="faqs.html">FAQs</a></li>
						<li><a href="404.html">404</a></li>
					</ul>
				</li>
				<li><a href="#">Media</a>
					<ul class="sub-menu">
						<li><a href="portfolio.html">Portfolio</a>
							<ul class="sub-menu">
								<li><a href="portfolio.html">Portfolio Small</a></li>
								<li><a href="portfolio-medium.html">Portfolio Medium</a></li>
								<li><a href="portfolio-large.html">Portfolio Large</a></li>
							</ul>
						</li>
						<li><a href="portfolio-single.html">Portfolio Single</a></li>
						<li><a href="documentation.html">Documentation</a></li>
					</ul>
				</li>
				<li><a href="#">Layouts</a>
					<ul class="sub-menu">
						<li><a href="about-us.html">Left Sidebar</a></li>
						<li><a href="blog-post.html">Right Sidebar</a></li>
						<li><a href="team.html">Full Width</a></li>
					</ul>
				</li>
				
				<li><a href="blog.html">Blog</a>
					<ul class="sub-menu">
						<li><a href="blog-post.html">Blog Post</a></li>
					</ul>
				</li>
				<li><a href="contact.html">Contact</a></li>
			</ul>		

			<!-- Search box ______________________________________-->
			<div id="sitesearch">
				<i class="icon-search"></i>
			</div>
			<div id="search-results">
				<script>
				  (function() {
					var cx = '017683756184911932766:rvnzs1j9m1g';
					var gcse = document.createElement('script');
					gcse.type = 'text/javascript';
					gcse.async = true;
					gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
						'//www.google.com/cse/cse.js?cx=' + cx;
					var s = document.getElementsByTagName('script')[0];
					s.parentNode.insertBefore(gcse, s);
				  })();
				</script>
				<div id="search-box">
					<div class="gcse-search"></div>
				</div>
			</div>
			
		</nav> <!-- END #mainmenu -->
	</header>
			
	<div class="wrapper">
		<div id="content" role="main">
			<!-- Heading ----------------------------------------------------------->
			<h1>Our Team</h1>
			
			<!-- Breadcrumbs ----------------------------------------------------------->
			<p itemscope itemtype="http://data-vocabulary.org/Breadcrumb" id="breadcrumbs"><a href="/" rel="home" itemprop="url"><span itemprop="title">Home</span></a> <i class="icon-chevron-right"></i> <a href="#" itemprop="url"><span itemprop="title">About Us</span></a> <i class="icon-chevron-right"></i> Team</p>
			<hr />
			
			<!-- WYSIWYG Content ----------------------------------------------------------->
			<div class="p66">
				<h2>This is how we work</h2>
				<br />
				<p><img class="left" src="imgs/image-about.jpg" alt="" height="185" />Aliquam hendrit rutrum iaculis nullam ondimentum maluada velit beum donec sit amet tristique erosam amet. Risus mollis malesuada quis quis nulla. Vestibulum ante ipsum primis in faucibus orcluctus et ultrices posuere cubilia mattis elit porttitor euismod pharetra sem interdum. Etiam laoreet sagittis placerat. Ut in magna sit amet massa posuere pretium. Vestibulum id est nulla, non adipiscing tortor. Aenean sed dolor quis nulla sodales bibendum. In vitae justo mi. Sed nunc tortor, sagittis quis viverra id, molestie vitae nibh. Donec vitae lacus sed risus accumsan consectetur.</p>
			</div>
                    
			<div class="p33 right">
				<h2>Careers</h2>
				<br />
				<div class="greybox">     
					<h2>We Want <span class="red">You</span>!</h2>
					<p class="grey">Donec vitae lacus sed risus accumsan consectetur ut a ligula. Etiam vitae nisi diam, in rutrum dui eget varius nulla lacus ut erat.</p>
					<p><a href="#" class="button red">Apply Now</a></p>
				</div>
			</div>
                    
            <div class="clear"></div>   
			
			<br /><br />
			<div class="p100">
				<div class="p25">
					<span class="circle">1</span>
					<h3>Planning</h3>
					<p class="clear">
						Aliquam hendrit  rutrum iaculis nullam ondimentum maluada velit beum donec sit amet tristique erosam amet.
						Risus mollis malesuada quis quis nulla. Vestibulum ante ipsum primis in faucibus orcluctus et ultrices posuere cubilia mattis elit porttitor.
					</p>
				</div>

				<div class="p25">
					<span class="circle">2</span>
					<h3>Action</h3>
					<p class="clear">
						Aliquam hendrit  rutrum iaculis nullam ondimentum maluada velit beum donec sit amet tristique erosam amet.
						Risus mollis malesuada quis quis nulla. Vestibulum ante ipsum primis in faucibus orcluctus et ultrices posuere cubilia mattis elit porttitor.
					</p>
				</div>

				<div class="p25">
					<span class="circle">3</span>
					<h3>Measuring</h3>
					<p class="clear">
						Aliquam hendrit  rutrum iaculis nullam ondimentum maluada velit beum donec sit amet tristique erosam amet.
						Risus mollis malesuada quis quis nulla. Vestibulum ante ipsum primis in faucibus orcluctus et ultrices posuere cubilia mattis elit porttitor.
					</p>
				</div>

				<div class="p25">
					<span class="circle">4</span>
					<h3>Analyzing</h3>
					<p class="clear">
						Aliquam hendrit  rutrum iaculis nullam ondimentum maluada velit beum donec sit amet tristique erosam amet.
						Risus mollis malesuada quis quis nulla. Vestibulum ante ipsum primis in faucibus orcluctus et ultrices posuere cubilia mattis elit porttitor.
					</p>
				</div>
				<div class="clear"></div>
			</div> <!-- END .p100 -->
			
			<br /><br />
			<hr  class="clear" />
			
			<h2>Our Team <span class="small grey"> &nbsp;/&nbsp; Meet the people behind greatness</span></h2>
			<br />
			<div class="p100">
				<div class="team-member p25">
					<a href="#"><img alt="" src="imgs/teammate1.jpg"></a>
					<hgroup>
						<h3>Max Great</h3>
						<h4 class="small">Project Manager</h4>
					</hgroup>
					<p>
						Donec sit amet tristique erosam amet.
						Risus mollis malesuada quis nulla vestibulum primis in faucibus.
					</p>
					<ul class="social-icons">
						<li><a href="#" title="Twitter"><i class="icon-twitter"></i> <span></span></a></li>
						<li><a href="#" title="Facebook"><i class="icon-facebook"></i> <span></span></a></li>
						<li><a href="#" title="Email"><i class="icon-envelope"></i> <span></span></a></li>
					</ul>
				</div> <!-- END .team-member -->
				
				<div class="team-member p25">
					<a href="#"><img alt="" src="imgs/teammate2.jpg"></a>
					<hgroup>
						<h3>Katie Doe</h3>
						<h4 class="small">Senior Web Developer</h4>
					</hgroup>
					<p>
						Donec sit amet tristique erosam amet.
						Risus mollis malesuada quis nulla vestibulum primis in faucibus.
					</p>
					<ul class="social-icons">
						<li><a href="#" title="Twitter"><i class="icon-twitter"></i> <span></span></a></li>
						<li><a href="#" title="Facebook"><i class="icon-facebook"></i> <span></span></a></li>
						<li><a href="#" title="Email"><i class="icon-envelope"></i> <span></span></a></li>
					</ul>
				</div> <!-- END .team-member -->
				
				<div class="team-member p25">
					<a href="#"><img alt="" src="imgs/teammate3.jpg"></a>
					<hgroup>
						<h3>Alice Chains</h3>
						<h4 class="small">Web Designer</h4>
					</hgroup>
					<p>
						Donec sit amet tristique erosam amet.
						Risus mollis malesuada quis nulla vestibulum primis in faucibus.
					</p>
					<ul class="social-icons">
						<li><a href="#" title="Twitter"><i class="icon-twitter"></i> <span></span></a></li>
						<li><a href="#" title="Facebook"><i class="icon-facebook"></i> <span></span></a></li>
						<li><a href="#" title="Email"><i class="icon-envelope"></i> <span></span></a></li>
					</ul>
				</div> <!-- END .team-member -->
				
				<div class="team-member p25">
					<a href="#"><img alt="" src="imgs/teammate4.jpg"></a>
					<hgroup>
						<h3>Rudy White</h3>
						<h4 class="small">Accountant</h4>
					</hgroup>
					<p>
						Donec sit amet tristique erosam amet.
						Risus mollis malesuada quis nulla vestibulum primis in faucibus.
					</p>
					<ul class="social-icons">
						<li><a href="#" title="Twitter"><i class="icon-twitter"></i> <span></span></a></li>
						<li><a href="#" title="Facebook"><i class="icon-facebook"></i> <span></span></a></li>
						<li><a href="#" title="Email"><i class="icon-envelope"></i> <span></span></a></li>
					</ul>
				</div> <!-- END .team-member -->
				<div class="clear"></div>
			</div> <!-- END .p100 -->
			
			<!-- END of WYSIWYG content ----------------------------------------------------------->
			
			<div class="clear"></div>
			  
		</div> <!-- END .content -->
	</div> <!-- END .wrapper -->
			
	<!-- Footer ----------------------------------------------------------->
	<footer role="contentinfo" id="footer">
		<div class="wrapper">
			<div class="footerbox">
				<h3>About Us</h3>
				<p>We create awesome HTML and WP themes and templates for your great online presence. We also provide support if you get any issues on our items. Check it out!</p>
				<br />
				<p><a href="http://themeforest.net/user/Darinka?ref=Darinka" target="_blank" class="button">BUY THIS</a></p>
			</div> <!-- END .footerbox -->
		
			<div class="footerbox">
				<h3>Latest News</h3>
				<ul>
					<li>
						<i class="icon-file-text"></i> 
						<h4><a href="blog-post.html">Single Clean Post</a></h4>
						<p class="small"><strong>Aug 3</strong> / admin </p>
					</li>
					<li>
						<i class="icon-file-text"></i> 
						<h4><a href="blog-post.html">Our Blog Revived!</a></h4>
						<p class="small"><strong>Aug 3</strong> / Darinka </p>
					</li>
					<li>
						<i class="icon-file-text"></i> 
						<h4><a href="blog-post.html">New Site Out Tomorrow</a></h4>
						<p class="small"><strong>Aug 3</strong> / admin </p>
					</li>
				</ul>
			</div> <!-- END .footerbox -->
			
			<div class="footerbox">
				<h3>Events</h3>
				<ul>
					<li>
						<i class="icon-calendar"></i> 
						<h4><a href="event.html">Open Klasses</a></h4>
						<p class="small"><strong>Aug 3</strong> / Street Art 2013 </p>
					</li>
					<li>
						<i class="icon-calendar"></i> 
						<h4><a href="event.html">Summer Party</a></h4>
						<p class="small"><strong>Aug 10</strong> / Best place to party! </p>
					</li>
					<li>
						<i class="icon-calendar"></i> 
						<h4><a href="event.html">Charity Event</a></h4>
						<p class="small"><strong>Aug 12</strong> / Help find the cure!</p>
					</li>
				</ul>
			</div> <!-- END .footerbox -->
			
			<div class="footerbox last">
				<h3>Our newsletter</h3>
				<form method="post" action="#">
					<p>Sign up now to receive weekly news about new products and great discounts!</p>
					<p><label for="email">Your e-mail address</label> <input type="text" id="email" value="" /></p>
					<p><button type="submit">Subscribe</button></p>
				</form>
			</div> <!-- END .footerbox -->
			<div class="clear"></div>

			<hr />
			<p class="left small">Copyright &copy; 2013 Your Company Name. <br />All rights reserved.</p>
			<ul class="footermenu">
				<li><a href="#">Home</a></li>
				<li><a href="#">Styles</a></li>
				<li><a href="#">Pages</a></li>
				<li><a href="#">Media</a></li>
				<li><a href="#">Layouts</a></li>
				<li><a href="#">Blog</a></li>
				<li><a href="#">Contact</a></li>
			</ul> <!-- END .footermenu -->
			<div class="clear"></div>
		</div>  <!-- END .wrapper -->
	</footer>
</div> <!-- END #wrapperbox -->
<br class="clear" />

	
	<!-- Your Google Analytics ----------------------------------------------------------->
	<script type="text/javascript">
	
		  var _gaq = _gaq || [];
		  _gaq.push(['_setAccount', 'UA-XXXXXXX-X']);
		  _gaq.push(['_trackPageview']);
		
		  (function() {
			var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
			ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
			var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
		  })(); 
	
	</script>
</body>
</html>
